<!-- 精选专区 -->
<template>
	<view class="choose">
		<!-- <image src="/static/img/banner-10.png"  ></image> -->
		<!-- 轮播图 -->
		<view class="banner">
			<banner-list :banners="base_info.bannerfoods" background="#FF504C" :heightFix="true" swiperHeight="272rpx" >
			</banner-list>
		</view>
		<goods-list :goods_data="goods"></goods-list>
	</view>
</template>
<script>
	import {
		mapMutations,
		mapActions,
		mapState,
		mapGetters
	} from 'vuex';
	export default {
		components: {},
		computed: {
			// 获取vuex 数据
			...mapState({
				base_info: state => state.init.goods_detail.base_info, // banner信息 - 商品基本信息
				goods: state => state.init.goods,
				product: state => state.init.product,
			}),
		},
		watch: {},
		methods: {},
		mounted() {
		},
		data() {
			return {
			}
		},
		beforeCreate() {},
		created() {},
		beforeMount() {},
		beforeUpdate() {},
		updated() {},
		beforeDestroy() {},
		destroyed() {},
	};
</script>
<style scoped lang='scss'>
	@import "./index.scss";
</style>
